<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<meta name="HandheldFriendly" content="true" />
		<meta name="MobileOptimized" content="320" />
		<title>Hello H5+</title>
		<!--<script type="text/javascript" src="../js/mui.min.js"></script>-->
		<script type="text/javascript" src="./../../js/mui.min.js"></script>
		<!--<script type="text/javascript" src="./common.js" ></script>-->
		<script type="text/javascript" src="./../../js/jquery-2.1.0.js"></script>
		<script type="text/javascript" src="./../../js/config.js"></script>
		<script type="text/javascript" src="./../../js/mobile-detect.min.js"></script>
		<script type="text/javascript" src="./../../js/common.js"></script>
		<link rel="stylesheet" href="./../../css/common.css" type="text/css" charset="utf-8" />
		<style type="text/css">
			#bcid {
				width: 100vw;
				height: 90vh;
				position: absolute;
				top: 0px;
				bottom: 44px;
				left: 0;
				text-align: center;
			}
			
			.tip {
				color: #FFFFFF;
				font-weight: bold;
				text-shadow: 0px -1px #103E5C;
			}
			
			footer {
				width: 100%;
				height: 44px;
				position: absolute;
				bottom: 0px;
				left: 0;
				line-height: 44px;
				text-align: center;
				color: #FFF;
			}
			
			.fbt {
				width: 50%;
				height: 100%;
				background-color: #FFCC33;
				float: left;
				z-index: 9999;
			}
			
			.fbt:active {
				-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.5);
				box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.5);
			}
		</style>
	</head>

	<body style="background-color: #000000;overflow: hidden;">
		<div id="bcid">
			
		</div>
		<footer>
			<div class="fbt" onclick="back()" style="width: 100%;">取　 消</div>
			<div class="fbt" onclick="scanPicture()" style="display: none;">从相册选择二维码</div>
		</footer>
	</body>
	<script type="text/javascript">
		var wo = null,ws = null;
		// 扩展API加载完毕后调用onPlusReady回调函数 
		document.addEventListener("plusready", onPlusReady, false);
		// 扩展API加载完毕，现在可以正常调用扩展API
		function onPlusReady() {
			ws = plus.webview.currentWebview();
			wo = ws.opener();
			plus.nativeUI.showWaiting("请稍等");
			setTimeout(function(){
				scan = new plus.barcode.Barcode('bcid', [plus.barcode.QR, plus.barcode.CODE39, plus.barcode.CODE128]);
				scan.onmarked = onmarked;
				scan.start();
				plus.nativeUI.closeWaiting();
			}, 1000)
			
		}
		var scan = null;
	
		function onmarked(type, result) {
			var text = '未知: ';
			switch (type) {
				case plus.barcode.QR:
					text = 'QR: ';
					break;
				case plus.barcode.CODE39:
					text = 'CODE39: ';
					break;
				case plus.barcode.CODE128:
					text = 'CODE128: ';
					break;
			}
			console.log(text + result);
			scan.cancel();
			scan.close();
			result = result.replace(/\n/g, '');
			plus.nativeUI.showWaiting('用户支付中，请勿退出...');
			if(checkNumber(result)) {
				plus.nativeUI.closeWaiting();
				wo.evalJS("scaned('" + type + "','" + result + "','" + ws.price + "','" + ws.remark + "');");
				back();
			} else {
				plus.nativeUI.closeWaiting();
				video("付款码有误，收款失败");
				plus.nativeUI.alert("付款码有误，收款失败", function() {
					back();
				}, "天择可付", "关闭");
			}
		}
		
		//点击"查询"按钮跳转至日期查询页面
		mui("body").on("tap", ".fbt", function() {
			scan.cancel();
			scan.close();
			back();
		})
		
		//验证字符串是否是数字
		function checkNumber(theObj) {
			var reg = /^[0-9]*$/;
			if(reg.exec(theObj)) {
				return true;
			}
			return false;
		}
	</script>

</html>